<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page errorPage="JSP_Error.jsp"%>
<%@ page import="com.microstrategy.web.app.utils.JavaScriptBundles"%>
<%@ taglib uri="/webUtilTL.tld" prefix="web"%>
<%@ page import="com.microstrategy.web.app.beans.PageComponent"%>
<% 
	PageComponent mstrPage = (PageComponent) request.getAttribute("mstrPage");
	String userId = request.getParameter("userId");
%>
<%@ page contentType="text/html; charset=UTF-8"%>
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Edit User Profile</title>

<script type="text/javascript">
	window.microstrategy = window.microstrategy || {};
	microstrategy.sessionState = '<%= mstrPage.getWebIServerSession().getSessionID() %>';
	var userId = '<%= userId == null ? "" : userId %>';
</script>

<web:resource type="custom-javascript" name="jquery.min.js" />
<web:resource type="custom-javascript" name="jquery.validationEngine-en.js" />
<web:resource type="custom-javascript" name="jquery.validationEngine.js" />
<web:resource type="custom-javascript" name="jquery.form.js" />
<web:resource type="custom-javascript" name="uam.utils.js" />
<web:resource type="custom-javascript" name="uam.schedule.js" />
<web:resource type="custom-javascript" name="eup.js" />

<web:resource type="custom-style" name="validationEngine.jquery.css" />
<web:resource type="custom-style" name="main.css" />
<web:resource type="custom-style" name="eup.css" />

</head>
<body>

	<FORM id="eupForm" autocomplete="off" method="post" action="">
	
	<div class="generalInfo">
		<div class="paLogo"></div>
		<div class="headerLinks">
			<span>
				<a href="mstrWeb?evt=3001&src=mstrWeb.3001" name="ProjectHome" value="Project Home" class="link">Projects Home</a>
			</span>
			<span>
				<!-- <a href="../plugins/UAM/jsp/SearchResult.jsp" target="view_window" class="link">User Manager</a> -->
				<a href="mstrWeb?pg=searchUser" target="view_window" class="link" >User Manager</a>
			</span>
			<span style="float:right">
				<a href="mstrWeb?evt=3008&src=mstrWeb.3008" type="button" value="Log Out" class="link">Logout</a>
			</span>
		</div>
		<!-- if edit user profile page needs "Customer Service", then open following code -->
		<!--<div class="secuRole">
			<div class="custmServs" style="display: none;">
				<input type="checkbox" name="custmServs" class="readonly"/>
				<label for="custmServs">Customer Service</label>
			</div>
		</div> -->
		
		<div style="clear:both;"></div>
		<div class="PIISection">
			<div class="mstrFuncGrp">
				<div class="mstrProd">
					<div class="mstrProdTitle">MicroStrategy Product Select*</div>
					<div class="mstrProdCont">
						<select id="mstrProdAvl" name="mstrProdAvl" multiple></select>
						<div>
						    <input type="button" value="&gt;&gt;" name="mstrProdUp" class="up" onclick="uam.ShoppingCart.select('mstrProdAvl', 'mstrProdSel', 'mstrProdOut', uam.productChanged)"></input><br>
						    <input type="button" value="&lt;&lt;" name="mstrProdDown" class="down" onclick="uam.ShoppingCart.remove('mstrProdAvl', 'mstrProdSel', 'mstrProdOut', uam.productChanged)"></input>
					    </div>
		   				<select id="mstrProdSel" name="mstrProdSel" multiple class="validate[funcCall[uam.eup.vld.validateMstrProd]]"></select>
		   				<input id="mstrProdOut" name="mstrProdOut" type="hidden"> 
					</div>
					<div class="userType">
						<div class="userTypeTlt">User Type</div>
						<div class="userTypeCont"></div>
					</div>
				</div>
			</div>

			<div class="generalInfo">
				<div class="generalInfoTitle">User Profile General Information</div>
				<div class="generalInfoTitleLeft">
					<div class="accType">
						<span class="descLable">MicroStrategy Access Type:</span>
						<span><input type="text" name="accType"></span>
						<span class="status"></span>
					</div>
					<div class="amexWebId">
						<span class="descLable">Amex Web Id:</span>
						<span><input type="text" name="amexWebId"></span>
						<span class="status"></span>	
					</div>
					<div class="empId">
						<span class="descLable">Employee/Contractor Id:</span>
						<span><input type="text" name="empId"></span>
						<span class="status"></span>
					</div>
					<div class="firstName">
						<span class="descLable">First Name:</span>
						<span><input type="text" id="firstName" name="firstName"></span>
						<span class="status"></span>
					</div>
					<div class="midName">
						<span class="descLable">Middle Name:</span>
						<span><input type="text" name="midName"></span>
						<span class="status"></span>
					</div>
					<div class="lastName">
						<span class="descLable">Last Name:</span>
						<span><input type="text" name="lastName"></span>
						<span class="status"></span>
					</div>
					<!-- not done yet -->
					<div class="emailAddr">
						<span class="descLable">Email Address:</span>
						<span><input type="text" name="emailAddr" class="validate[required,custom[email],funcCall[uam.eup.vld.validateSingleQuote]]"></span>	
					</div>
				</div>
				<div class="generalInfoContent">
					<div class="deptId">
						<span class="descLable">Department ID:</span>
						<span><input type="text" id="deptId" name="deptId"></span>
						<span class="status"></span>
					</div>
					<div class="amexUnitCD">
						<span class="descLable">AMEX Unit Code:</span>
						<span><input type="text" name="amexUnitCD"></span>	
					</div>
				</div>
				
				<div class="generalInfoContent">
					<div class="deptDesc">
						<span class="descLable">Department Description:</span>
						<span><input type="text" name="deptDesc"></span>	
					</div>
					<div class="amexUnitDesc">
						<span class="descLable">AMEX Unit Description:</span>
						<span><input type="text" name="amexUnitDesc"></span>	
					</div>
				</div>
				
				<div class="generalInfoContent">
					<div class="bussUnitCD">
						<span class="descLable">Business Unit Code:</span>
						<span><input type="text" name="bussUnitCD"></span>	
					</div>
					<div class="costCenter">
						<span class="descLable">Cost Center:</span>
						<span><input type="text" name="costCenter" class="validate[required,maxSize[18]]"></span>	
					</div>
				</div>
				
				<div class="generalInfoContent">
					<div class="bussUnitDesc">
						<span class="descLable">Business Unit Description:</span>
						<span><input type="text" name="bussUnitDesc"></span>	
					</div>
					<div class="phone">
						<span class="descLable">Phone #:</span>
						<span><input type="text" name="phone" class="validate[required,custom[phone]]"></span>	
					</div>
				</div>
				<div class="generalInfoContent">
					<div class="mFName">
						<span class="descLable">Manager First Name:</span>
						<span><input type="text" name="mFName" class="validate[required,minSize[2],maxSize[40],custom[name]]"></span>	
					</div>
					<div class="VPName">
						<span class="descLable">VP Name:</span>
						<span><input type="text" name="VPName" class=""></span>	
					</div>
				</div>
				<div class="generalInfoContent">
					<div class="mMidInit">
						<span class="descLable">Manager Middle Initial:</span>
						<span><input type="text" name="mMidInit" class="validate[minSize[0],maxSize[1],custom[name]]"></span>	
					</div>
					<div class="reason4Accs">
						<span class="descLable">Reason For Access:</span>
						<span><input type="text" name="reason4Accs" class=""></span>	
					</div>
				</div>
				<div class="generalInfoContent">
					
					<div class="mLName">
						<span class="descLable">Manager Last Name:</span>
						<span><input type="text" name="mLName" class="validate[required,minSize[2],maxSize[40],custom[name]"></span>	
					</div>
					<div class="mgrEmailAddr">
						<span class="descLable">Manager Email Address:</span>
						<span><input type="text" name="mgrEmailAddr" class="validate[required,custom[email],funcCall[uam.eup.vld.validateSingleQuote]]"></span>	
					</div>
				</div>
			</div>
			
			<div style="clear:both"></div>
		</div>

	</div>
		
	<div class="mstrProds">
		<div class="mstrSection">MicroStrategy Products</div>
		<div class="marc">
			<div class="marcTitle">
				<span><input id="marcCheckBox" type="checkbox" name="marcCheckBox"/></span>
				<span>MARC</span>
				<span id="marcTip">*Please Select "MicroStrategy Product Select"</span>
			</div>
			
			<div id="marcContent" class="marcContent">
				<div>
					<div class="gmaps">
						<div class="gmapsTlt">GMAPS</div>
						<div class="gmapsCont">
							<!--
							<input type="radio" name="gmapsRadio" checked /><label for="gmapsRadio">No Access</label><br>
							<input type="radio" name="gmapsRadio"/><label for="gmapsRadio">Property Issuers</label><br>
							<input type="radio" name="gmapsRadio"/><label for="gmapsRadio">ONB Bonus</label><br>
							<input type="radio" name="gmapsRadio"/><label for="gmapsRadio">Aggregrated Issuers</label><br>
							<input type="radio" name="gmapsRadio"/><label for="gmapsRadio">Aggregrated network with multiple issuers</label><br> -->
						</div>
					</div>
					
					<div class="marcFuncGrp">
						<div class="marcFunTlt">MARC Functional Group</div>
						<div class="marcFunCont">
							<!-- <input type="checkbox" name="marcFuncRadio" checked /><label for="gmapsRadio">Full Access</label><br>
							<input type="checkbox" name="marcFuncRadio"/><label for="marcFuncRadio">Olulab</label><br>
							<input type="checkbox" name="marcFuncRadio"/><label for="marcFuncRadio">NA</label><br>
							<input type="checkbox" name="marcFuncRadio"/><label for="marcFuncRadio">Common Reports</label><br>
							<input type="checkbox" name="marcFuncRadio"/><label for="marcFuncRadio">Compliance Information PI</label><br>
							<input type="checkbox" name="marcFuncRadio"/><label for="marcFuncRadio">CPMP</label><br> -->
						</div>
					</div>
					
					<div class="optBlue">
						<div class="optBlueTlt">Opt Blue</div>
						<div class="optBlueCont">
							<!-- <input type="radio" name="optBlueRadio" checked /><label for="optBlueRadio">No Access</label><br>
							<input type="radio" name="optBlueRadio"/><label for="optBlueRadio">Full Access</label><br>
							<input type="radio" name="optBlueRadio"/><label for="optBlueRadio">Restrict</label><br> -->
						</div>
					</div>
				</div>
				
				<div id="viewBtns">
					<div class="dataAccess">
						<div class="datAcceTlt">Data Access</div>
						<div class="datAcceCont">
							<input type="radio" id="dtAcceRadio_g" name="dtAcceRadio" value="global" onclick="uam.MARC.isDataAcce(this,'rc');$('.daBtn').attr('disabled',true);" checked /><label for="dtAcceRadio_g">Global</label><br>
							<input type="radio" id="dtAcceRadio_rc" name="dtAcceRadio" value="rgCt" onclick="uam.MARC.isDataAcce(this,'rc');$('.daBtn').attr('disabled',false);"/><label for="dtAcceRadio_rc">Region / Country</label><br>
							<input class="daBtn" type="button" name="dtAcceBtn" value="View" onclick="uam.MARC.isDataAcce(this,'rc');" disabled="disabled" /><label for="dtAcceRadio"></label><br>
						</div>
					</div>
					
					<div class="sharedRpt">
						<div class="sharedRptTlt">Shared Reports</div>
						<div class="sharedRptCont">
							<input type="radio" id="sharedRptRadio_n" name="sharedRptRadio" value="no" onclick="uam.MARC.isShdRpt(this,'shdRpt');$('.srBtn').attr('disabled',true);" checked /><label for="sharedRptRadio_n">No</label><br>
							<input type="radio" id="sharedRptRadio_y" name="sharedRptRadio" value="yes" onclick="uam.MARC.isShdRpt(this, 'shdRpt');$('.srBtn').attr('disabled',false);"/><label for="sharedRptRadio_y">Yes</label><br>
							<input class="srBtn" type="button" name="sharedRptBtn" value="View" onclick="uam.MARC.isShdRpt(this,'shdRpt');" disabled="disabled"/><label for="sharedRptBtn"></label><br>
						</div>
					</div>
					
					<div class="lifExcep">
						<div class="lifExcepTlt">LIF Exception</div>
						<div class="lifExcepCont">
							<input type="radio" id="lifExcepRadio_g" value="global" name="lifExcepRadio" onclick="uam.MARC.isDataAcce(this,'rc');$('.leBtn').attr('disabled',true);" checked /><label for="lifExcepRadio_g">Global</label><br>
							<input type="radio" id="lifExcepRadio_rc" value="rgCt" name="lifExcepRadio" onclick="uam.MARC.isDataAcce(this,'rc');$('.leBtn').attr('disabled',false);"/><label for="lifExcepRadio_rc">Region / Country</label><br>
							<input class="leBtn" type="button" name="lifExcepBtn" value="View" onclick="uam.MARC.isDataAcce(this,'rc');" disabled="disabled"/><label for="lifExcepBtn"></label><br>
						</div>
					</div>
				</div>
				<div style="clear:both;"></div>
				
			</div>
		</div>
		
		<div class="ICards">
			<div class="ICardsTitle">
				<span><input id="ICardsCheckBox" type="checkbox" name="marcCheckBox"/></span>
				<span>ICARDS</span>
				<span id="ICardsTip">*Please Select "MicroStrategy Product Select"</span>
			</div>
			<div id="ICardsContent" class="ICardsContent"></div>
		</div>
		
		<div class="ServDOE">
			<div class="ServDOETitle">
				<span><input id="servDOECheckBox" type="checkbox" name="marcCheckBox" /></span>
				<span>SERV DOE</span>
				<span id="ServDOETip">*Please Select "MicroStrategy Product Select"</span>
			</div>
			<div id="ServDOEContent" class="ServDOEContent"></div>
		</div>
	</div>
	
	<div class="submitBtn">
		<input class="submitInput" type="submit" value="Submit">
		<input class="cancelInput" type="button" value="Cancel" onclick="uam.eup.gotoPage('https://dcentral995.intra.aexp.com:8443/marc/servlet/mstrWeb');">
	</div>
	
	<div id="rc" class="rc">
		<div class="rcTlt">Pick the Region/Country</div>
		<div class="rcCont">
			<div class="rcCountry">
				<span><label for="us">US</label><input type="checkbox" name="us"/></span>
				<span><label for="us">US</label><input type="checkbox" namem="us"/></span>
				<span><label for="us">US</label><input type="checkbox" namem="us"/></span>
				<span><label for="us">US</label><input type="checkbox" namem="us"/></span>
				<span><label for="us">US</label><input type="checkbox" namem="us"/></span>
				<span><label for="us">US</label><input type="checkbox" namem="us"/></span>
				<span><label for="us">US</label><input type="checkbox" namem="us"/></span>
			</div>
			<div class="rcRegion">
				<div class="rcRegionCont normal">
					<!-- <input class="contAllInpt" type="checkbox" name="all" /><label for="all">ALL</label><br> -->
					<input type="checkbox" name="countries" /><label for="countries">COUNTRIES</label><br>
					<input type="checkbox" name="in" /><label for="in">IN</label><br>
					<input type="checkbox" name="the" /><label for="the">THE</label><br>
					<input type="checkbox" name="us" /><label for="us">US</label><br>
					<input type="checkbox" name="region" /><label for="region">REGION</label><br>
					<input type="checkbox" name="with" /><label for="with">WITH</label><br>
					<input type="checkbox" name="checkboxes" /><label for="checkboxes">CHECKBOXES</label><br>
				</div>
			
				<div class="rcRegionCont normal">
					<input type="checkbox" name="countries" /><label for="countries">COUNTRIES</label><br>
					<input type="checkbox" name="in" /><label for="in">IN</label><br>
					<input type="checkbox" name="the" /><label for="the">THE</label><br>
					<input type="checkbox" name="us" /><label for="us">US</label><br>
					<input type="checkbox" name="region" /><label for="region">REGION</label><br>
					<input type="checkbox" name="with" /><label for="with">WITH</label><br>
					<input type="checkbox" name="checkboxes" /><label for="checkboxes">CHECKBOXES</label><br>
				</div>
			
				<div class="rcRegionCont normal">
					<input type="checkbox" name="countries" /><label for="countries">COUNTRIES</label><br>
					<input type="checkbox" name="in" /><label for="in">IN</label><br>
					<input type="checkbox" name="the" /><label for="the">THE</label><br>
					<input type="checkbox" name="us" /><label for="us">US</label><br>
					<input type="checkbox" name="region" /><label for="region">REGION</label><br>
					<input type="checkbox" name="with" /><label for="with">WITH</label><br>
					<input type="checkbox" name="checkboxes" /><label for="checkboxes">CHECKBOXES</label><br>
				</div>
			
				<div class="rcRegionCont normal">
					<input type="checkbox" name="countries" /><label for="countries">COUNTRIES</label><br>
					<input type="checkbox" name="in" /><label for="in">IN</label><br>
					<input type="checkbox" name="the" /><label for="the">THE</label><br>
					<input type="checkbox" name="us" /><label for="us">US</label><br>
					<input type="checkbox" name="region" /><label for="region">REGION</label><br>
					<input type="checkbox" name="with" /><label for="with">WITH</label><br>
					<input type="checkbox" name="checkboxes" /><label for="checkboxes">CHECKBOXES</label><br>
				</div>
			
				<div class="rcRegionCont normal">
					<input type="checkbox" name="countries" /><label for="countries">COUNTRIES</label><br>
					<input type="checkbox" name="in" /><label for="in">IN</label><br>
					<input type="checkbox" name="the" /><label for="the">THE</label><br>
					<input type="checkbox" name="us" /><label for="us">US</label><br>
					<input type="checkbox" name="region" /><label for="region">REGION</label><br>
					<input type="checkbox" name="with" /><label for="with">WITH</label><br>
					<input type="checkbox" name="checkboxes" /><label for="checkboxes">CHECKBOXES</label><br>
				</div>
			
				<div class="rcRegionCont last">
					<input type="checkbox" name="countries" /><label for="countries">COUNTRIES</label><br>
					<input type="checkbox" name="in" /><label for="in">IN</label><br>
					<input type="checkbox" name="the" /><label for="the">THE</label><br>
					<input type="checkbox" name="us" /><label for="us">US</label><br>
					<input type="checkbox" name="region" /><label for="region">REGION</label><br>
					<input type="checkbox" name="with" /><label for="with">WITH</label><br>
					<input type="checkbox" name="checkboxes" /><label for="checkboxes">CHECKBOXES</label><br>
				</div>
			</div>
			
			<div class="okCancel">
				<span id="rcOKCancel" class="okBtn" onclick="uam.UTIL.winCls(id, 'rc');">OK</span>
				<span id="rcCancelBtn" class="cancelBtn" onclick="uam.UTIL.winCls(id, 'rc');">Cancel</span>
			</div>
		</div>
	</div>
	
	<div id="shdRpt" class="shdRpt">
		<div class="shdRptHead">Shared Reports</div>
		<div class="shdRptCont">
			<table width="940px">
				<thead>
					<tr>
						<th>Shared Report Name</th>
						<th>No Access</th>
						<th>Read Only</th>
						<th class="midFrm">Read/Write</th>
						<th>Shared Report Name</th>
						<th>No Access</th>
						<th>Read Only</th>
						<th>Read/Write</th>
					</tr>
				</thead>
				<tbody>
				<tr class="aboveFrame">
					<td class="shFderNm">Test Report</td>
					<td><input type="radio" name="group1"/></td>
					<td><input type="radio" name="group1" checked/></td>
					<td class="midFrm"><input type="radio" name="group1"/></td>
					<td class="shFderNm">Quarterly Forecast Q3</td>
					<td><input type="radio" name="group2"/></td>
					<td><input type="radio" name="group2" checked/></td>
					<td><input type="radio" name="group2"/></td>
				</tr>
				<tr>
					<td class="shFderNm">Radom Numbers</td>
					<td><input type="radio" name="group3"/></td>
					<td><input type="radio" name="group3"/></td>
					<td class="midFrm"><input type="radio" name="group3" checked/></td>
					<td class="shFderNm">NA Toy Stores</td>
					<td><input type="radio" name="group4" checked/></td>
					<td><input type="radio" name="group4"/></td>
					<td><input type="radio" name="group4"/></td>
				</tr>
				<tr>
					<td class="shFderNm">Cost Factor Stats</td>
					<td><input type="radio" name="group5" checked/></td>
					<td><input type="radio" name="group5"/></td>
					<td class="midFrm"><input type="radio" name="group5"/></td>
					<td class="shFderNm">SA Small Merchants</td>
					<td><input type="radio" name="group6" checked/></td>
					<td><input type="radio" name="group6"/></td>
					<td><input type="radio" name="group6"/></td>
				</tr>
				<tr>
					<td class="shFderNm">Daily Musings</td>
					<td><input type="radio" name="group7"/></td>
					<td><input type="radio" name="group7" checked/></td>
					<td class="midFrm"><input type="radio" name="group7"/></td>
					<td class="shFderNm">APAC Hign Volume</td>
					<td><input type="radio" name="group8"/></td>
					<td><input type="radio" name="group8"/></td>
					<td><input type="radio" name="group8" checked/></td>
				</tr>
				<tr>
					<td class="shFderNm">Monthly Avgs</td>
					<td><input type="radio" name="group9" checked/></td>
					<td><input type="radio" name="group9"/></td>
					<td class="midFrm"><input type="radio" name="group9"/></td>
					<td class="shFderNm">Daily Deals</td>
					<td><input type="radio" name="group10"/></td>
					<td><input type="radio" name="group10"/></td>
					<td><input type="radio" name="group10" checked/></td>
				</tr>
				</tbody>
			</table>
			<div class="okCancel">
				<span id="okBtn" class="okBtn" onclick="uam.UTIL.winCls(id, 'shdRpt');">OK</span>
				<span id="cancelBtn" class="cancelBtn" onclick="uam.UTIL.winCls(id, 'shdRpt');">Cancel</span>
			</div>
		</div>
		
	</div>
	
	</FORM>
</body>
</html>